<!DOCTYPE html>
<html lang="en">
	<head>
		<title>Unicorn Admin</title>
		<meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/bootstrap-glyphicons.css" />
		<link rel="stylesheet" href="css/unicorn.main.css" />
		<link rel="stylesheet" href="css/unicorn.grey.css" class="skin-color" />	
	</head>
	<body>		
		<div id="header">
			<h1><a href="./dashboard.html">Unicorn Admin</a></h1>
			<a id="menu-trigger" href="#"><i class="glyphicon glyphicon-list"></i></a>			
		</div>
		
		<div id="search">
			<input type="text" placeholder="Search here..."/><button type="submit" class="tip-right" title="Search"><i class="glyphicon glyphicon-search"></i></button>
		</div>
		<div id="user-nav">
            <ul class="btn-group">
                <li class="btn" ><a title="" href="#"><i class="glyphicon glyphicon-user"></i> <span class="text">Profile</span></a></li>
                <li class="btn dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle"><i class="glyphicon glyphicon-envelope"></i> <span class="text">Messages</span> <span class="label label-danger">5</span> <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a class="sAdd" title="" href="#">new message</a></li>
                        <li><a class="sInbox" title="" href="#">inbox</a></li>
                        <li><a class="sOutbox" title="" href="#">outbox</a></li>
                        <li><a class="sTrash" title="" href="#">trash</a></li>
                    </ul>
                </li>
                <li class="btn"><a title="" href="#"><i class="glyphicon glyphicon-cog"></i> <span class="text">Settings</span></a></li>
                <li class="btn"><a title="" href="login.html"><i class="glyphicon glyphicon-share-alt"></i> <span class="text">Logout</span></a></li>
            </ul>
        </div>
            
		<div id="sidebar">
			<ul>
				<li><a href="index.html"><i class="glyphicon glyphicon-home"></i> <span>Dashboard</span></a></li>
				<li class="submenu">
					<a href="#"><i class="glyphicon glyphicon-th-list"></i> <span>Form elements</span> <span class="label">3</span></a>
					<ul>
						<li><a href="form-common.html">Common elements</a></li>
						<li><a href="form-validation.html">Validation</a></li>
						<li><a href="form-wizard.html">Wizard</a></li>
					</ul>
				</li>
				<li class="active"><a href="buttons.html"><i class="glyphicon glyphicon-tint"></i> <span>Buttons &amp; icons</span></a></li>
				<li><a href="interface.html"><i class="glyphicon glyphicon-pencil"></i> <span>Interface elements</span></a></li>
				<li><a href="tables.html"><i class="glyphicon glyphicon-th"></i> <span>Tables</span></a></li>
				<li><a href="grid.html"><i class="glyphicon glyphicon-th-list"></i> <span>Grid Layout</span></a></li>
				<li class="submenu">
					<a href="#"><i class="glyphicon glyphicon-file"></i> <span>Sample pages</span> <span class="label">4</span></a>
					<ul>
						<li><a href="invoice.html">Invoice</a></li>
						<li><a href="chat.html">Support chat</a></li>
						<li><a href="calendar.html">Calendar</a></li>
						<li><a href="gallery.html">Gallery</a></li>
					</ul>
				</li>
				<li>
					<a href="charts.html"><i class="glyphicon glyphicon-signal"></i> <span>Charts &amp; graphs</span></a>
				</li>
				<li>
					<a href="widgets.html"><i class="glyphicon glyphicon-inbox"></i> <span>Widgets</span></a>
				</li>
			</ul>
		
		</div>
		
		<div id="style-switcher">
			<i class="glyphicon glyphicon-arrow-left icon-white"></i>
			<span>Style:</span>
			<a href="#grey" style="background-color: #555555;border-color: #aaaaaa;"></a>
            <a href="#light-blue" style="background-color: #8399b0;"></a>
			<a href="#blue" style="background-color: #2D2F57;"></a>
			<a href="#red" style="background-color: #673232;"></a>
            <a href="#red-green" style="background-image: url('img/demo/red-green.png');background-repeat: no-repeat;"></a>
		</div>
		
		<div id="content">
			<div id="content-header">
				<h1>Buttons &amp; icons</h1>
				<div class="btn-group">
					<a class="btn" title="Manage Files"><i class="glyphicon glyphicon-file"></i></a>
					<a class="btn" title="Manage Users"><i class="glyphicon glyphicon-user"></i></a>
					<a class="btn" title="Manage Comments"><i class="glyphicon glyphicon-comment"></i><span class="label label-danger">5</span></a>
					<a class="btn" title="Manage Orders"><i class="glyphicon glyphicon-shopping-cart"></i></a>
				</div>
			</div>
			<div id="breadcrumb">
				<a href="#" title="Go to Home" class="tip-bottom"><i class="glyphicon glyphicon-home"></i> Home</a>
				<a href="#" class="current">Buttons &amp; icons</a>
			</div>
			<div class="container-fluid">
				<div class="row">
					<div class="col-12 col-sm-6">
						<div class="widget-box">
							<div class="widget-title">
								<span class="icon">
									<i class="glyphicon glyphicon-bookmark"></i>
								</span>
								<h5>Buttons</h5>
							</div>
							<div class="widget-content">
									<h3>Small Buttons</h3>
									<p>
										<button class="btn btn-default btn-mini">Button</button>
										<button class="btn btn-primary btn-mini">Button</button>
										<button class="btn btn-info btn-mini">Button</button>
										<button class="btn btn-success btn-mini">Button</button>
										<button class="btn btn-warning btn-mini">Button</button>
										<button class="btn btn-danger btn-mini">Button</button>
										<button class="btn btn-inverse btn-mini">Button</button>
									</p>
									<h3>Mini Buttons</h3>
									<p>
										<button class="btn btn-default btn-small">Button</button>
										<button class="btn btn-primary btn-small">Button</button>
										<button class="btn btn-info btn-small">Button</button>
										<button class="btn btn-success btn-small">Button</button>
										<button class="btn btn-warning btn-small">Button</button>
										<button class="btn btn-danger btn-small">Button</button>
										<button class="btn btn-inverse btn-small">Button</button>
									</p>
									<h3>Normal Buttons</h3>
									<p>
										<button class="btn btn-default">Button</button>
										<button class="btn btn-primary">Button</button>
										<button class="btn btn-info">Button</button>
										<button class="btn btn-success">Button</button>
										<button class="btn btn-warning">Button</button>
										<button class="btn btn-danger">Button</button>
										<button class="btn btn-inverse">Button</button>
									</p>
									<h3>Large Buttons</h3>
									<p>
										<button class="btn btn-default btn-large">Button</button>
										<button class="btn btn-primary btn-large">Button</button>
										<button class="btn btn-info btn-large">Button</button>
										<button class="btn btn-success btn-large">Button</button>
										<button class="btn btn-warning btn-large">Button</button>
										<button class="btn btn-danger btn-large">Button</button>
										<button class="btn btn-inverse btn-large">Button</button>
									</p>
							</div>
						</div>
						<div class="widget-box">
							<div class="widget-title">
								<span class="icon">
									<i class="glyphicon glyphicon-bookmark"></i>
								</span>
								<h5>Sizes and dropups</h5>
							</div>
							<div class="widget-content">
								<h3>Sizes</h3>
								  <p>Utilize the extra button classes <code>.btn-mini</code>, <code>.btn-small</code>, or <code>.btn-large</code> for sizing.</p>
								  <div class="btn-toolbar">
									<div class="btn-group">
									  <button class="btn btn-default btn-large">Large action</button>
									  <button data-toggle="dropdown" class="btn btn-default btn-large dropdown-toggle"><span class="caret"></span></button>
									  <ul class="dropdown-menu">
										<li><a href="#">Action</a></li>
										<li><a href="#">Another action</a></li>
										<li><a href="#">Something else here</a></li>
										<li class="divider"></li>
										<li><a href="#">Separated link</a></li>
									  </ul>
									</div><!-- /btn-group -->
								  </div><!-- /btn-toolbar -->
								  <br />
								  <div class="btn-toolbar">
									<div class="btn-group">
									  <button class="btn btn-default btn-small">Small action</button>
									  <button data-toggle="dropdown" class="btn btn-default btn-small dropdown-toggle"><span class="caret"></span></button>
									  <ul class="dropdown-menu">
										<li><a href="#">Action</a></li>
										<li><a href="#">Another action</a></li>
										<li><a href="#">Something else here</a></li>
										<li class="divider"></li>
										<li><a href="#">Separated link</a></li>
									  </ul>
									</div><!-- /btn-group -->
								  </div><!-- /btn-toolbar -->
								  <br />
								  <div class="btn-toolbar">
									<div class="btn-group">
									  <button class="btn btn-default btn-mini">Mini action</button>
									  <button data-toggle="dropdown" class="btn btn-default btn-mini dropdown-toggle"><span class="caret"></span></button>
									  <ul class="dropdown-menu">
										<li><a href="#">Action</a></li>
										<li><a href="#">Another action</a></li>
										<li><a href="#">Something else here</a></li>
										<li class="divider"></li>
										<li><a href="#">Separated link</a></li>
									  </ul>
									</div><!-- /btn-group -->
								  </div><!-- /btn-toolbar -->
								  
								  <h3>Dropup menus</h3>
								  <p>Dropdown menus can also be toggled from the bottom up by adding a single class to the immediate parent of <code>.dropdown-menu</code>. It will flip the direction of the <code>.caret</code> and reposition the menu itself to move from the bottom up instead of top down.</p>
								  <div style="margin-top: 9px;" class="btn-toolbar">
									<div class="btn-group dropup">
									  <button class="btn btn-success">Dropup</button>
									  <button data-toggle="dropdown" class="btn btn-success dropdown-toggle"><span class="caret"></span></button>
									  <ul class="dropdown-menu">
										<li><a href="#">Action</a></li>
										<li><a href="#">Another action</a></li>
										<li><a href="#">Something else here</a></li>
										<li class="divider"></li>
										<li><a href="#">Separated link</a></li>
									  </ul>
									</div><!-- /btn-group -->
									<div class="btn-group dropup">
									  <button class="btn btn-danger">Right dropup</button>
									  <button data-toggle="dropdown" class="btn btn-danger dropdown-toggle"><span class="caret"></span></button>
									  <ul class="dropdown-menu pull-right">
										<li><a href="#">Action</a></li>
										<li><a href="#">Another action</a></li>
										<li><a href="#">Something else here</a></li>
										<li class="divider"></li>
										<li><a href="#">Separated link</a></li>
									  </ul>
									</div><!-- /btn-group -->
								  </div>
							</div>
						</div>
					</div>
					<div class="col-12 col-sm-6">
						<div class="widget-box">
							<div class="widget-title">
								<span class="icon">
									<i class="glyphicon glyphicon-bookmark"></i>
								</span>
								<h5>Button Examples</h5>
							</div>
							<div class="widget-content">
								  <h3>Button dropdowns</h3>
								  <p>Use any button to trigger a dropdown menu by placing it within a <code>.btn-group</code> and providing the proper menu markup.</p>
								  <div style="margin-top: 18px;" class="btn-toolbar">
									<div class="btn-group">
									  <button data-toggle="dropdown" class="btn btn-default dropdown-toggle">Action <span class="caret"></span></button>
									  <ul class="dropdown-menu">
										<li><a href="#">Action</a></li>
										<li><a href="#">Another action</a></li>
										<li><a href="#">Something else here</a></li>
										<li class="divider"></li>
										<li><a href="#">Separated link</a></li>
									  </ul>
									</div><!-- /btn-group -->
									<div class="btn-group">
									  <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle">Primary <span class="caret"></span></button>
									  <ul class="dropdown-menu">
										<li><a href="#">Action</a></li>
										<li><a href="#">Another action</a></li>
										<li><a href="#">Something else here</a></li>
										<li class="divider"></li>
										<li><a href="#">Separated link</a></li>
									  </ul>
									</div><!-- /btn-group -->
									<div class="btn-group">
									  <button data-toggle="dropdown" class="btn btn-danger dropdown-toggle">Danger <span class="caret"></span></button>
									  <ul class="dropdown-menu">
										<li><a href="#">Action</a></li>
										<li><a href="#">Another action</a></li>
										<li><a href="#">Something else here</a></li>
										<li class="divider"></li>
										<li><a href="#">Separated link</a></li>
									  </ul>
									</div><!-- /btn-group -->
								  </div>
								  <div class="btn-toolbar">
									<div class="btn-group">
									  <button data-toggle="dropdown" class="btn btn-warning dropdown-toggle">Warning <span class="caret"></span></button>
									  <ul class="dropdown-menu">
										<li><a href="#">Action</a></li>
										<li><a href="#">Another action</a></li>
										<li><a href="#">Something else here</a></li>
										<li class="divider"></li>
										<li><a href="#">Separated link</a></li>
									  </ul>
									</div><!-- /btn-group -->
									<div class="btn-group">
									  <button data-toggle="dropdown" class="btn btn-success dropdown-toggle">Success <span class="caret"></span></button>
									  <ul class="dropdown-menu">
										<li><a href="#">Action</a></li>
										<li><a href="#">Another action</a></li>
										<li><a href="#">Something else here</a></li>
										<li class="divider"></li>
										<li><a href="#">Separated link</a></li>
									  </ul>
									</div><!-- /btn-group -->
									<div class="btn-group">
									  <button data-toggle="dropdown" class="btn btn-info dropdown-toggle">Info <span class="caret"></span></button>
									  <ul class="dropdown-menu">
										<li><a href="#">Action</a></li>
										<li><a href="#">Another action</a></li>
										<li><a href="#">Something else here</a></li>
										<li class="divider"></li>
										<li><a href="#">Separated link</a></li>
									  </ul>
									</div><!-- /btn-group -->
									<div class="btn-group">
									  <button data-toggle="dropdown" class="btn btn-inverse dropdown-toggle">Inverse <span class="caret"></span></button>
									  <ul class="dropdown-menu">
										<li><a href="#">Action</a></li>
										<li><a href="#">Another action</a></li>
										<li><a href="#">Something else here</a></li>
										<li class="divider"></li>
										<li><a href="#">Separated link</a></li>
									  </ul>
									</div><!-- /btn-group -->
								  </div><!-- /btn-toolbar -->
								
								
								
								  <h3>Split button dropdowns</h3>
								  <p>Building on the button group styles and markup, we can easily create a split button. Split buttons feature a standard action on the left and a dropdown toggle on the right with contextual links.</p>
								  <div style="margin-top: 18px;" class="btn-toolbar">
									<div class="btn-group">
									  <button class="btn btn-default">Action</button>
									  <button data-toggle="dropdown" class="btn btn-default dropdown-toggle"><span class="caret"></span></button>
									  <ul class="dropdown-menu">
										<li><a href="#">Action</a></li>
										<li><a href="#">Another action</a></li>
										<li><a href="#">Something else here</a></li>
										<li class="divider"></li>
										<li><a href="#">Separated link</a></li>
									  </ul>
									</div><!-- /btn-group -->
									<div class="btn-group">
									  <button class="btn btn-primary">Primary</button>
									  <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle"><span class="caret"></span></button>
									  <ul class="dropdown-menu">
										<li><a href="#">Action</a></li>
										<li><a href="#">Another action</a></li>
										<li><a href="#">Something else here</a></li>
										<li class="divider"></li>
										<li><a href="#">Separated link</a></li>
									  </ul>
									</div><!-- /btn-group -->
									<div class="btn-group">
									  <button class="btn btn-danger">Danger</button>
									  <button data-toggle="dropdown" class="btn btn-danger dropdown-toggle"><span class="caret"></span></button>
									  <ul class="dropdown-menu">
										<li><a href="#">Action</a></li>
										<li><a href="#">Another action</a></li>
										<li><a href="#">Something else here</a></li>
										<li class="divider"></li>
										<li><a href="#">Separated link</a></li>
									  </ul>
									</div><!-- /btn-group -->
								  </div>
								  <div class="btn-toolbar">
									<div class="btn-group">
									  <button class="btn btn-warning">Warning</button>
									  <button data-toggle="dropdown" class="btn btn-warning dropdown-toggle"><span class="caret"></span></button>
									  <ul class="dropdown-menu">
										<li><a href="#">Action</a></li>
										<li><a href="#">Another action</a></li>
										<li><a href="#">Something else here</a></li>
										<li class="divider"></li>
										<li><a href="#">Separated link</a></li>
									  </ul>
									</div><!-- /btn-group -->
									<div class="btn-group">
									  <button class="btn btn-success">Success</button>
									  <button data-toggle="dropdown" class="btn btn-success dropdown-toggle"><span class="caret"></span></button>
									  <ul class="dropdown-menu">
										<li><a href="#">Action</a></li>
										<li><a href="#">Another action</a></li>
										<li><a href="#">Something else here</a></li>
										<li class="divider"></li>
										<li><a href="#">Separated link</a></li>
									  </ul>
									</div><!-- /btn-group -->
									<div class="btn-group">
									  <button class="btn btn-info">Info</button>
									  <button data-toggle="dropdown" class="btn btn-info dropdown-toggle"><span class="caret"></span></button>
									  <ul class="dropdown-menu">
										<li><a href="#">Action</a></li>
										<li><a href="#">Another action</a></li>
										<li><a href="#">Something else here</a></li>
										<li class="divider"></li>
										<li><a href="#">Separated link</a></li>
									  </ul>
									</div><!-- /btn-group -->
								  </div>
								  <div class="btn-toolbar">
									<div class="btn-group">
									  <button class="btn btn-inverse">Inverse</button>
									  <button data-toggle="dropdown" class="btn btn-inverse dropdown-toggle"><span class="caret"></span></button>
									  <ul class="dropdown-menu">
										<li><a href="#">Action</a></li>
										<li><a href="#">Another action</a></li>
										<li><a href="#">Something else here</a></li>
										<li class="divider"></li>
										<li><a href="#">Separated link</a></li>
									  </ul>
									</div><!-- /btn-group -->
								  </div><!-- /btn-toolbar -->
								  
								</div>
						</div>
						<div class="widget-box">
							<div class="widget-title">
								<span class="icon">
									<i class="glyphicon glyphicon-bookmark"></i>
								</span>
								<h5>Buttons with icons</h5>
							</div>
							<div class="widget-content">
								<p>This is an example buttons with icons. About 140 icons are available.</p>
								<p>
									<button class="btn btn-inverse"><i class="glyphicon glyphicon-eye-open"></i> View</button>
									<button class="btn btn-default"><i class="glyphicon glyphicon-refresh"></i> Update</button>
									<button class="btn btn-primary"><i class="glyphicon glyphicon-pencil"></i> Edit</button>
									<button class="btn btn-danger"><i class="glyphicon glyphicon-remove"></i> Delete</button>
								</p>
								<p>And there this is a toolbar icon example</p>
								<div class="btn-group">
									<button class="btn btn-default"><i class="glyphicon glyphicon-step-backward"></i></button>
									<button class="btn btn-default"><i class="glyphicon glyphicon-fast-backward"></i></button>
									<button class="btn btn-default"><i class="glyphicon glyphicon-backward"></i></button>
									<button class="btn btn-default"><i class="glyphicon glyphicon-play"></i></button>
									<button class="btn btn-default"><i class="glyphicon glyphicon-pause"></i></button>
									<button class="btn btn-default"><i class="glyphicon glyphicon-stop"></i></button>
									<button class="btn btn-default"><i class="glyphicon glyphicon-forward"></i></button>
									<button class="btn btn-default"><i class="glyphicon glyphicon-fast-forward"></i></button>
									<button class="btn btn-default"><i class="glyphicon glyphicon-step-forward"></i></button>
								</div>										
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-12">
						<div class="widget-box">
							<div class="widget-title">
								<span class="icon">
									<i class="glyphicon glyphicon-play-circle"></i>
								</span>
								<h5>Available icons</h5>
								<span class="label label-success">140+</span>
							</div>
							<div class="widget-content">
								<div class="row">
									<div class="col-12 col-sm-3">
									  <ul style="list-style:none;">
										<li><i class="glyphicon glyphicon-glass"></i> icon-glass</li>
										<li><i class="glyphicon glyphicon-music"></i> icon-music</li>
										<li><i class="glyphicon glyphicon-search"></i> icon-search</li>
										<li><i class="glyphicon glyphicon-envelope"></i> icon-envelope</li>
										<li><i class="glyphicon glyphicon-heart"></i> icon-heart</li>
										<li><i class="glyphicon glyphicon-star"></i> icon-star</li>
										<li><i class="glyphicon glyphicon-star-empty"></i> icon-star-empty</li>
										<li><i class="glyphicon glyphicon-user"></i> icon-user</li>
										<li><i class="glyphicon glyphicon-film"></i> icon-film</li>
										<li><i class="glyphicon glyphicon-th-large"></i> icon-th-large</li>
										<li><i class="glyphicon glyphicon-th"></i> icon-th</li>
										<li><i class="glyphicon glyphicon-th-list"></i> icon-th-list</li>
										<li><i class="glyphicon glyphicon-ok"></i> icon-ok</li>
										<li><i class="glyphicon glyphicon-remove"></i> icon-remove</li>
										<li><i class="glyphicon glyphicon-zoom-in"></i> icon-zoom-in</li>
										<li><i class="glyphicon glyphicon-zoom-out"></i> icon-zoom-out</li>
										<li><i class="glyphicon glyphicon-off"></i> icon-off</li>
										<li><i class="glyphicon glyphicon-signal"></i> icon-signal</li>
										<li><i class="glyphicon glyphicon-cog"></i> icon-cog</li>
										<li><i class="glyphicon glyphicon-trash"></i> icon-trash</li>
										<li><i class="glyphicon glyphicon-home"></i> icon-home</li>
										<li><i class="glyphicon glyphicon-file"></i> icon-file</li>
										<li><i class="glyphicon glyphicon-time"></i> icon-time</li>
										<li><i class="glyphicon glyphicon-road"></i> icon-road</li>
										<li><i class="glyphicon glyphicon-download-alt"></i> icon-download-alt</li>
										<li><i class="glyphicon glyphicon-download"></i> icon-download</li>
										<li><i class="glyphicon glyphicon-upload"></i> icon-upload</li>
										<li><i class="glyphicon glyphicon-inbox"></i> icon-inbox</li>
										<li><i class="glyphicon glyphicon-play-circle"></i> icon-play-circle</li>
										<li><i class="glyphicon glyphicon-repeat"></i> icon-repeat</li>
										<li><i class="glyphicon glyphicon-refresh"></i> icon-refresh</li>
										<li><i class="glyphicon glyphicon-list-alt"></i> icon-list-alt</li>
										<li><i class="glyphicon glyphicon-lock"></i> icon-lock</li>
										<li><i class="glyphicon glyphicon-flag"></i> icon-flag</li>
										<li><i class="glyphicon glyphicon-headphones"></i> icon-headphones</li>
									  </ul>
									</div>
									<div class="col-12 col-sm-3">
									  <ul style="list-style:none;">
										<li><i class="glyphicon glyphicon-volume-off"></i> icon-volume-off</li>
										<li><i class="glyphicon glyphicon-volume-down"></i> icon-volume-down</li>
										<li><i class="glyphicon glyphicon-volume-up"></i> icon-volume-up</li>
										<li><i class="glyphicon glyphicon-qrcode"></i> icon-qrcode</li>
										<li><i class="glyphicon glyphicon-barcode"></i> icon-barcode</li>
										<li><i class="glyphicon glyphicon-tag"></i> icon-tag</li>
										<li><i class="glyphicon glyphicon-tags"></i> icon-tags</li>
										<li><i class="glyphicon glyphicon-book"></i> icon-book</li>
										<li><i class="glyphicon glyphicon-bookmark"></i> icon-bookmark</li>
										<li><i class="glyphicon glyphicon-print"></i> icon-print</li>
										<li><i class="glyphicon glyphicon-camera"></i> icon-camera</li>
										<li><i class="glyphicon glyphicon-font"></i> icon-font</li>
										<li><i class="glyphicon glyphicon-bold"></i> icon-bold</li>
										<li><i class="glyphicon glyphicon-italic"></i> icon-italic</li>
										<li><i class="glyphicon glyphicon-text-height"></i> icon-text-height</li>
										<li><i class="glyphicon glyphicon-text-width"></i> icon-text-width</li>
										<li><i class="glyphicon glyphicon-align-left"></i> icon-align-left</li>
										<li><i class="glyphicon glyphicon-align-center"></i> icon-align-center</li>
										<li><i class="glyphicon glyphicon-align-right"></i> icon-align-right</li>
										<li><i class="glyphicon glyphicon-align-justify"></i> icon-align-justify</li>
										<li><i class="glyphicon glyphicon-list"></i> icon-list</li>
										<li><i class="glyphicon glyphicon-indent-left"></i> icon-indent-left</li>
										<li><i class="glyphicon glyphicon-indent-right"></i> icon-indent-right</li>
										<li><i class="glyphicon glyphicon-facetime-video"></i> icon-facetime-video</li>
										<li><i class="glyphicon glyphicon-picture"></i> icon-picture</li>
										<li><i class="glyphicon glyphicon-pencil"></i> icon-pencil</li>
										<li><i class="glyphicon glyphicon-map-marker"></i> icon-map-marker</li>
										<li><i class="glyphicon glyphicon-adjust"></i> icon-adjust</li>
										<li><i class="glyphicon glyphicon-tint"></i> icon-tint</li>
										<li><i class="glyphicon glyphicon-edit"></i> icon-edit</li>
										<li><i class="glyphicon glyphicon-share"></i> icon-share</li>
										<li><i class="glyphicon glyphicon-check"></i> icon-check</li>
										<li><i class="glyphicon glyphicon-move"></i> icon-move</li>
										<li><i class="glyphicon glyphicon-step-backward"></i> icon-step-backward</li>
										<li><i class="glyphicon glyphicon-fast-backward"></i> icon-fast-backward</li>
									  </ul>
									</div>
									<div class="col-12 col-sm-3">
									  <ul style="list-style:none;">
										<li><i class="glyphicon glyphicon-backward"></i> icon-backward</li>
										<li><i class="glyphicon glyphicon-play"></i> icon-play</li>
										<li><i class="glyphicon glyphicon-pause"></i> icon-pause</li>
										<li><i class="glyphicon glyphicon-stop"></i> icon-stop</li>
										<li><i class="glyphicon glyphicon-forward"></i> icon-forward</li>
										<li><i class="glyphicon glyphicon-fast-forward"></i> icon-fast-forward</li>
										<li><i class="glyphicon glyphicon-step-forward"></i> icon-step-forward</li>
										<li><i class="glyphicon glyphicon-eject"></i> icon-eject</li>
										<li><i class="glyphicon glyphicon-chevron-left"></i> icon-chevron-left</li>
										<li><i class="glyphicon glyphicon-chevron-right"></i> icon-chevron-right</li>
										<li><i class="glyphicon glyphicon-plus-sign"></i> icon-plus-sign</li>
										<li><i class="glyphicon glyphicon-minus-sign"></i> icon-minus-sign</li>
										<li><i class="glyphicon glyphicon-remove-sign"></i> icon-remove-sign</li>
										<li><i class="glyphicon glyphicon-ok-sign"></i> icon-ok-sign</li>
										<li><i class="glyphicon glyphicon-question-sign"></i> icon-question-sign</li>
										<li><i class="glyphicon glyphicon-info-sign"></i> icon-info-sign</li>
										<li><i class="glyphicon glyphicon-screenshot"></i> icon-screenshot</li>
										<li><i class="glyphicon glyphicon-remove-circle"></i> icon-remove-circle</li>
										<li><i class="glyphicon glyphicon-ok-circle"></i> icon-ok-circle</li>
										<li><i class="glyphicon glyphicon-ban-circle"></i> icon-ban-circle</li>
										<li><i class="glyphicon glyphicon-arrow-left"></i> icon-arrow-left</li>
										<li><i class="glyphicon glyphicon-arrow-right"></i> icon-arrow-right</li>
										<li><i class="glyphicon glyphicon-arrow-up"></i> icon-arrow-up</li>
										<li><i class="glyphicon glyphicon-arrow-down"></i> icon-arrow-down</li>
										<li><i class="glyphicon glyphicon-share-alt"></i> icon-share-alt</li>
										<li><i class="glyphicon glyphicon-resize-full"></i> icon-resize-full</li>
										<li><i class="glyphicon glyphicon-resize-small"></i> icon-resize-small</li>
										<li><i class="glyphicon glyphicon-plus"></i> icon-plus</li>
										<li><i class="glyphicon glyphicon-minus"></i> icon-minus</li>
										<li><i class="glyphicon glyphicon-asterisk"></i> icon-asterisk</li>
										<li><i class="glyphicon glyphicon-exclamation-sign"></i> icon-exclamation-sign</li>
										<li><i class="glyphicon glyphicon-gift"></i> icon-gift</li>
										<li><i class="glyphicon glyphicon-leaf"></i> icon-leaf</li>
										<li><i class="glyphicon glyphicon-fire"></i> icon-fire</li>
										<li><i class="glyphicon glyphicon-eye-open"></i> icon-eye-open</li>
									  </ul>
									</div>
									<div class="col-12 col-sm-3">
									  <ul style="list-style:none;">
										<li><i class="glyphicon glyphicon-eye-close"></i> icon-eye-close</li>
										<li><i class="glyphicon glyphicon-warning-sign"></i> icon-warning-sign</li>
										<li><i class="glyphicon glyphicon-plane"></i> icon-plane</li>
										<li><i class="glyphicon glyphicon-calendar"></i> icon-calendar</li>
										<li><i class="glyphicon glyphicon-random"></i> icon-random</li>
										<li><i class="glyphicon glyphicon-comment"></i> icon-comment</li>
										<li><i class="glyphicon glyphicon-magnet"></i> icon-magnet</li>
										<li><i class="glyphicon glyphicon-chevron-up"></i> icon-chevron-up</li>
										<li><i class="glyphicon glyphicon-chevron-down"></i> icon-chevron-down</li>
										<li><i class="glyphicon glyphicon-retweet"></i> icon-retweet</li>
										<li><i class="glyphicon glyphicon-shopping-cart"></i> icon-shopping-cart</li>
										<li><i class="glyphicon glyphicon-folder-close"></i> icon-folder-close</li>
										<li><i class="glyphicon glyphicon-folder-open"></i> icon-folder-open</li>
										<li><i class="glyphicon glyphicon-resize-vertical"></i> icon-resize-vertical</li>
										<li><i class="glyphicon glyphicon-resize-horizontal"></i> icon-resize-horizontal</li>
										<li><i class="glyphicon glyphicon-hdd"></i> icon-hdd</li>
										<li><i class="glyphicon glyphicon-bullhorn"></i> icon-bullhorn</li>
										<li><i class="glyphicon glyphicon-bell"></i> icon-bell</li>
										<li><i class="glyphicon glyphicon-certificate"></i> icon-certificate</li>
										<li><i class="glyphicon glyphicon-thumbs-up"></i> icon-thumbs-up</li>
										<li><i class="glyphicon glyphicon-thumbs-down"></i> icon-thumbs-down</li>
										<li><i class="glyphicon glyphicon-hand-right"></i> icon-hand-right</li>
										<li><i class="glyphicon glyphicon-hand-left"></i> icon-hand-left</li>
										<li><i class="glyphicon glyphicon-hand-up"></i> icon-hand-up</li>
										<li><i class="glyphicon glyphicon-hand-down"></i> icon-hand-down</li>
										<li><i class="glyphicon glyphicon-circle-arrow-right"></i> icon-circle-arrow-right</li>
										<li><i class="glyphicon glyphicon-circle-arrow-left"></i> icon-circle-arrow-left</li>
										<li><i class="glyphicon glyphicon-circle-arrow-up"></i> icon-circle-arrow-up</li>
										<li><i class="glyphicon glyphicon-circle-arrow-down"></i> icon-circle-arrow-down</li>
										<li><i class="glyphicon glyphicon-globe"></i> icon-globe</li>
										<li><i class="glyphicon glyphicon-wrench"></i> icon-wrench</li>
										<li><i class="glyphicon glyphicon-tasks"></i> icon-tasks</li>
										<li><i class="glyphicon glyphicon-filter"></i> icon-filter</li>
										<li><i class="glyphicon glyphicon-briefcase"></i> icon-briefcase</li>
										<li><i class="glyphicon glyphicon-fullscreen"></i> icon-fullscreen</li>
									  </ul>
									</div>
								  </div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div id="footer" class="col-12">
				2012 - 2013 &copy; Unicorn Admin. Brought to you by <a href="https://wrapbootstrap.com/user/diablo9983">diablo9983</a>
			</div>
		</div>
		
            
            <script src="js/jquery.min.js"></script>
            <script src="js/jquery-ui.custom.js"></script>
            <script src="js/bootstrap.min.js"></script>
            <script src="js/jquery.jpanelmenu.min.js"></script>
            <script src="js/unicorn.js"></script>
	</body>
</html>
